@charset "utf-8";
/* 公共样式 */
*{
    margin: 0;
    padding: 0;
}
ul li{
    list-style:none;
}
li{
    list-style:none; 
}
b,strong{
    font-weight:normal;
}
i,em{
    font-style:normal
}
/*头部 */
#header{
    width: 100%;
    height:45px;
    background-color:#f9f9f9;
}
 /* 头部版心*/
 .header-con{
    margin: 0 auto;
    width: 1505px;
    height: 45px;
 }
  /* 头部版心左*/
 .header-con-left{
     width:120px;
     float: left;
 } 
.header-con-left li{
   line-height: 45px;
}
.header-con-left li a{
 color:#000000; 
 font-size: 14px;
  text-decoration: none;   
}
  /* 头部版心右*/
 .header-con-right{
     width:874px;
     float:right;
 } 
.header-con-right li{
    float:left;
    line-height: 45px;
    font-size: 14px;
    margin: 0 0 0 15px;
}
.header-con-right li a{
 color:#000000; 
 font-size: 14px; 
  text-decoration: none;  
}
/* 导航 */
#nav{
    width:100%;
    height:175px;
    background:#ffffff;
    border-bottom:2px  solid  red;
}
/* 导航版心 */
.nav-con{
    margin: 0 auto;
    width: 1505px;
    height: 175px;
}
/* 导航版心上 */
.nav-con-top{
    height:100px;
}
.nav-con-top img{
    float:left;
}
.nav-search{
    width:750px;
    height:50px;
    float:left;
    margin:20px 0 0 50px;
}
.nav-search input{
    width:650px;
    height:45px;
    float:left;
    border:3px solid red;
    background:#ffffff;
}
.nav-search button{
    width:45px;
    height:45px;
    float:left;
    border:3px solid red;
    background:red;
}
.nav-con-top a{
    display: inline-block;
    width:140px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:red;
    font-size:16px;
    color:#ffffff;
    text-decoration: none; 
    margin-top:20px;
}
.nav-con-top a:hover{
    background:#f6f6f6;
    text-decoration: none; 
    border:1px solid #dcdcdc;
}
.nav-con-top a i{
    font-size:16px;
}
/* 导航版心下 */
.nav-cen{
    width:1242px;
    height:52px;
    margin-top:23px;
}
.lil{
    width:252px; 
    background:red;
    color:#ffffff;
    font-weight:normal;
}
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.category-list {
            position: absolute;
            left: 0;
            top: 38px;
            width: 1068px;
            height: 410px;
            background-color: #fff;
            border: 1px solid #ff4040;
            z-index: 101;
             box-sizing: border-box;
            display: none;
            }
.nav-cen li{
    float:left;
    height:52px;
    line-height:52px;
    font-size:20px;
    margin-left:25px;
    font-weight:bold;
}
.nav-cen li a{
    color:#000000;
    text-decoration:none;
}
.nav-cen li a:hover{
    color:red;
    text-decoration:none;
}
/* banner部分 */
#banner{
   width:100%; 
}
.banner-nav{
    width:100%; 
  
}
.banner-nav ul{
    margin:0 auto;
    width:1505px;
    background:#f5f5f5;
    height:38px;
}
.banner-nav ul li{
    float:left;
    height:38px;
    line-height:38px;
    margin-left:15px;
}
.banner-nav li a{
    color:#000000;
}
.banner-nav li a:hover{
    color:red;
}
.banner-con{
    margin:0 auto;
    width:1505px;
    height:1148px;
    margin-top:10px;
    
}
.banner-left{
    width:236px;
    height:1148px;
    border:2px solid #487a6f;
    float:left;
}
.banner-left li{
    height:70px;
}
.banner-center{
    width:945px;
    height:1148px;
    margin:0 5px;
     /* background:yellow; */
    float:left;
    position:relative;
}
.swiper-container {
    width: 938px;
    height: 380px;
}
.banner-list{
    margin-top:10px;
}
.banner-list p{
    font-size:20px;
    color:#548177;
}  
.banner-right{
     width:300px;
     height:1148px;
     background:purple;
    float:left;
}
.banner-center prev{
    position:absolute;
}
/* 回到顶部 */
.goTop{
      width: 60px;
      height: 60px;
      background-color: purple;
      font-size: 24px;
      line-height: 24px;
      text-align: center;
      color: #fff;
      cursor: pointer;
      display: none;
      position: fixed;
      right: 30px;
      bottom: 50px;
    }


